<template>
  <view
    class="flex flex-col items-center justify-center overflow-hidden w-full"
  >
    <div class="flex h-auto w-[96%] flex-col items-center justify-center gap-6">
      <div
        class="flex h-1 bg-gradient-to-r from-blue-700 to-[#00d4ff] rounded-[4px] w-full"
      ></div>
      <Title class="w-full" />
      <StockForm class="w-full" />
      <FabBtn />
    </div>
  </view>
</template>

<script setup lang="ts">
import Title from "./components/title.vue";
import StockForm from "./components/stock-form.vue";
import FabBtn from "../fab-btn.vue";
</script>

<style>
.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
